/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  safelist: [
    'text-center',
    'text-left',
    'text-right',
  ],
  theme: {
    extend: {
      colors: {
        primary: 'var(--el-color-primary)',
        success: 'var(--el-color-success)',
        warning: 'var(--el-color-warning)',
        danger: 'var(--el-color-danger)',
        info: 'var(--el-color-info)',
        fashion: {
          pink: '#ec4899',
          fuchsia: '#d946ef',
          purple: '#8b5cf6',
          rose: '#f43f5e',
        }
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-fashion': 'linear-gradient(135deg, #ec4899 0%, #d946ef 50%, #8b5cf6 100%)',
        'gradient-soft': 'linear-gradient(135deg, #fdf2f8 0%, #fae8ff 50%, #f3e8ff 100%)',
      },
      boxShadow: {
        'fashion': '0 10px 40px rgba(217, 70, 239, 0.2)',
        'fashion-lg': '0 20px 60px rgba(217, 70, 239, 0.3)',
        'glow': '0 0 30px rgba(217, 70, 239, 0.4)',
      },
      animation: {
        'fade-in-up': 'fadeInUp 0.6s ease-out',
        'float': 'float 3s ease-in-out infinite',
      },
      keyframes: {
        fadeInUp: {
          '0%': { opacity: '0', transform: 'translateY(30px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
        float: {
          '0%, 100%': { transform: 'translateY(0px)' },
          '50%': { transform: 'translateY(-20px)' },
        },
      },
    },
  },
  plugins: [],
}

